<template>
  <div id="page-sms-recharge-success">
    <h2>短信充值 - 支付成功</h2>

    <Card class="mt20" :padding="150">
      <Row class="mt50 mb30">
        <Col span="24" class="tc">
          <Icon type="checkmark-circled" class="icon"></Icon>
          <h1 class="mt30">支付成功！</h1>
          <Button type="primary" size="large" :isSubmiting="isSubmiting" @click="goList" class="mt20">返回列表</Button>
        </Col>
      </Row>
    </Card>
  </div>
</template>

<script>
  import { mapGetters } from 'vuex'

  export default {
    name: 'page-sms-recharge',
    data () {
      let orderId = this.$route.params.orderId
      return {
        isSubmiting: false,
        form: {
          orderId: orderId
        }
      }
    },
    computed: {
      ...mapGetters({
        userInfo: 'userInfo'
      })
    },
    methods: {
      goList () {
        this.$router.push({path: '/finance/sms-recharge-list'})
      }
    }
  }
</script>

<style lang="less">
  #page-sms-recharge-success {
    .icon {
      font-size: 80px;
      color: #19be6b
    }
  }
</style>
